<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<base href="http://1stjs.googlecode.com/svn/trunk/fw4/" />
<title>Untitled Document</title>
<script type="text/javascript" src="1st.js"></script>
</head>

<body>
<h3>淘宝商城幻灯片示例</h3>
<style type="text/css">
body{font-size:12px;}
#sbox04{position:relative;padding:6px;width:490px;height:200px;border:1px solid #ccc;line-height:2;}
#sbox04 .panel{position:relative;height:170px;overflow:hidden;}
#sbox04 .panel img{border:0;width:490px;height:170px;}
#sbox04 .tab{position:absolute;right:16px;bottom:5px;}
#sbox04 .tab span{opacity:0.8;filter:alpha(opacity=80);color:#999;cursor:pointer;float:left;margin:4px 2px;padding:2px 6px;border:1px solid #999;line-height:1;background:#fff;}
#sbox04 .tab span.focus{border-color:#000;background:#000;color:fff;}
</style>
<div id="sbox04">
	<div class="panel">
		<a href="#"><img src="data/img/slides/taobao/01.jpg"></a>
		<a href="#"><img src="data/img/slides/taobao/02.jpg"></a>
		<a href="#"><img src="data/img/slides/taobao/03.jpg"></a>
		<a href="#"><img src="data/img/slides/taobao/04.jpg"></a>
	</div>
	<div class="tab">
		<span class="focus">1</span>
		<span>2</span>
		<span>3</span>
		<span>4</span>
	</div>
</div>

<script type="text/javascript">F("sbox04").slides({autoplay:2000, panel:"scrollTop"});</script>
</body>
</html>
